// Misc.
	$misc: (
		z-index-base:		10000
	);

// Duration.
	$duration: (
		nav:				0.5s,
		transition:			0.2s
	);

// Size.
	$size: (
		border-radius:		0.375em,
		element-height:		2.75em,
		element-margin:		2em,
		sidebar-width:		26em,
		sidebar-width-alt:	24em,
		gutter:				3em
	);

// Font.
	$font: (
		family:				('Open Sans', sans-serif),
		family-heading:		('Roboto Slab', serif),
		family-fixed:		('Courier New', monospace),
		weight:				400,
		weight-bold:		600,
		weight-heading:		700,
		weight-heading-alt:	400,
		kerning-heading:	0.075em
	);

// Palette.
	$palette: (
		bg:					  #ffffff,
		bg-alt:				#f5f6f7,
		fg:					  darken(#7f888f, 15%),
		fg-bold:			#3d4449,
		fg-light:			#9fa3a6,
		border:				rgba(210,215,217,0.75),
		border-bg:		transparentize(#e6ebed, 0.75),
		accent:				#f56a6a
	);

// Dark Palette.
	$dark: (
		bg:					#3d4449,
		bg-alt:			darken(#3d4449, 5%),
		fg:					#f5f6f7,
		fg-bold:		#ffffff,
		fg-light:		lighten(#f5f6f7, 5%),
		border:			rgba(210,215,217,0.25),
		border-bg:	transparentize(#e6ebed, 0.75),
		accent:			#f56a6a
	);

// Elixir School
	$purple: (
		bg: 				lighten(#4A365F, 45%),
		fg:					lighten(#4A365F, 10%),
		fg-bold:		darken(#4A365F, 5%),
		fg-alt:			lighten(#4A365F, 20%),
		fg-hov:			lighten(#4A365F, 30%),
		accent: 		#F07E6B
	);
